<div data-bb-type="screen" data-bb-effect="slide-left">
    <script id="setting" src="js/setting.js"></script>
    
<!-- //delete and load all storage for debugging        
<div data-bb-type="round-panel">
            <div data-bb-type="label" id="localStorage"></div> 
            <div data-bb-type="button" data-bb-style="stretch" onclick="displayStorage()">Load All Local Storage</div>
            <div data-bb-type="button" data-bb-style="stretch" onclick="deleteStorage()">Delete Storage</div>
            <div data-bb-type="button" data-bb-style="stretch" onclick="updateInsertSemesterRecap('2013-Spring', 'D', '4')">Update Semester Recap</div>
            <div data-bb-type="button" data-bb-style="stretch" onclick="deleteItemByCourseName('2012-Spring', 'Parallel Programming')">del course</div>
        </div>	-->

    <div data-bb-type="round-panel"> 
        <div data-bb-type="panel-header">Grade Scale</div>
        <div data-bb-type="label">Click on the arrow button to edit the value.</div>
        <div data-bb-type="scroll-panel" style="height:400px;" id="myPanel">
            <div id="gradePanel" data-bb-type="image-list" data-bb-images="none" data-bb-style="arrowbuttons" data-bb-header-justify="left">

            </div>
        </div>
    </div>

    <div data-bb-type="round-panel" id="editScale" style="display:none">
        <div data-bb-type="label" id="labelEditScale">Insert the new grade scale :</div>       


    </div>

    <div data-bb-type="round-panel" id="tempInputScaleBefore" style="display:none">
    </div>
    <div data-bb-type="round-panel"> 
        <div data-bb-type="panel-header">Password Preference</div>
        <select data-bb-label="Password">
            <option value="document.getElementById('editPass').show();">On</option>
            <option value="document.getElementById('editPass').hide();" selected="true">Off</option>
        </select>
    </div>

    <div data-bb-type="round-panel" id="editPass" >
        <div data-bb-type="label">Insert your new password :</div>       
        <input type="password" value="" /> 
        <div data-bb-type="label">Re-type your new password :</div>       
        <input type="password" value="" />
    </div>
    <div id="waiting" style="text-align:center;padding-top:50px;padding-bottom:50px;">
        <img id="bb7Loading" src="images/loading1.gif" />
        <div id="bb10Loading" class="center" id="actind" data-bb-type="activity-indicator" data-bb-size="medium"></div>
        <div><p>loading..</p></div>
    </div>

    <div data-bb-type="action-bar" data-bb-back-caption="Back"></div>
</div>


